$(function () {

    findCuisineAll();
})

function findCuisineAll() {
    let res = myAjax("/cuisine/findAll", {}, "get");
    if (res != null) {
        setCuisineData(res);
    }
}

function setCuisineData(data) {
    let html = '';
    for (let i = 0; i < data.length; i++) {
        html += ' <div id="cuisine' + data[i].id + '" onclick="gotoProdutPage(' + data[i].id + ')">' + data[i].name + '</div>';
    }
    $("#cuisine").html(html);
    let id = sessionStorage.getItem("productId");
    findById(id);
}

function gotoProdutPage(id) {
    sessionStorage.setItem("cuisineId", id);
    window.open("/html/product.html");
}

function findById(id) {
    let res = myAjax("/product/findById", {id: id}, "get");
    console.log(res);
    if (res != null) {
        setProductData(res);
    }
}

function setProductData(data) {
    console.log(data);
    if (data.length == 1) {
//    上一条和下一条都是无
        //    第一条数据是上一条
        setLastData(null);
        //    第二条数据是当前数据
        setCurrentData(data[0]);
        //    第三条数据是下一条
        setNextData(null);
    }
    if (data.length == 2) {
        let id = sessionStorage.getItem("productId");
        if (id == data[0].id) {
            //    第一条数据是上一条
            setLastData(null);
            //    第二条数据是当前数据
            setCurrentData(data[0]);
            //    第三条数据是下一条
            setNextData(data[1]);

        } else {
            //    下一条是无
            //    第一条数据是上一条
            setLastData(data[0]);
            //    第二条数据是当前数据
            setCurrentData(data[1]);
            //    第三条数据是下一条
            setNextData(null);
        }
    }
    if (data.length == 3) {
        //    第一条数据是上一条
        setLastData(data[0]);
        //    第二条数据是当前数据
        setCurrentData(data[1]);
        //    第三条数据是下一条
        setNextData(data[2]);
    }
}

function setCurrentData(data) {

    $("#imgHref").attr("src", data.imgHref);
    $("#name").html(data.name);
    $("#marketPrice").html(data.marketPrice);
    $("#normalPrice").html(data.normalPrice);
    $("#content").html(data.content);
//    加载当前数据之后，同时，对当前是那个菜系进行赋值背景颜色

    //有时候，没有关联菜系，则菜系的背景应该清除
    $("#cuisine>div").each(function () {
        $(this).removeClass("mouseClick");
    })
    $("#cuisine" + data.cuisineId).addClass("mouseClick");
}

function setLastData(data) {
    let html = '  <div>上一个</div>\n' +
        '                        <div onclick="findById(' + data.id + ')">' + (data == null ? "无" : data.name) + '</div>';
    $("#lastName").html(html);
}

function setNextData(data) {
    let html = '';
    if (data == null) {
        html = '  <div>下一个</div>\n' +
            '                        <div> 无</div>';
        alert("已经是最后一条数据了");
    } else {
        html = '  <div>下一个</div>\n' +
            '                        <div onclick="findById(' + data.id + ')">' + data.name + '</div>';
    }
    $("#nextName").html(html);

}